.referent {
    position: absolute;
    border:1px dashed gray;
    z-index:10000;
    cursor:move;
}
.referent.group {
    border:1px solid gray;
}
.referent.group.self {
    border:1px dashed gray;
}
.referent.group:not(.self) > .referent_node {
    display: none;
}
.referent_node {
    position: absolute;
    background:#CDC9C9;
    width:9px;
    height:9px;
    z-index:3;
}
.referent_node[data-dir = "n"] {
    top:-4px;
    left:50%;
    cursor:n-resize;
}
.referent_node[data-dir = "s"] {
    bottom:-4px;
    left:50%;
    cursor:s-resize;
}
.referent_node[data-dir = "w"] {
    top:50%;
    left:-4px;
    cursor:w-resize;
}
.referent_node[data-dir = "e"] {
    top:50%;
    right:-4px;
    cursor:e-resize;
}
.referent_node[data-dir = "nw"] {
    top:-4px;
    left:-4px;
    cursor:nw-resize;
}
.referent_node[data-dir = "ne"] {
    top:-4px;
    right:-4px;
    cursor:ne-resize;
}
.referent_node[data-dir = "sw"] {
    bottom:-4px;
    left:-4px;
    cursor:sw-resize;
}
.referent_node[data-dir = "se"] {
    bottom:-4px;
    right:-4px;
    cursor:se-resize;
}
.text {
    overflow: hidden;
    word-break: break-all;
}
